<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DOM文本对象模型</title>
<!-- DOM文本对象模型 -->
<!-- 规范文档内容的通用型标准 -->
<!-- 根节点 子节点 父节点 兄弟节点 -->
<!-- document:文档==HTML文件 文档中的标签==元素 文档中的内容==节点 -->
<!-- 完成不同节点的操作 -->
</head>
<body>
<div id="app">你好！
<p>xxx</p>

</div>
<script>
	var div=document.querySelector("#app");
	div i=1;
	console.log(div.i);
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
// var div=document.getElementById("#app")
// var div=document.querySelector("#app");
// console.log(div.__proto__);

 // var div=document.querySelector("#app");
	// // console.log(div.tagName);//div显示
	// // console.log(div.nodeName);//div显示
	// // console.log(document.nodeName);//document显示 但它不属于元素 不能输出tagName
	// // console.log(div.innerHTML);
	// // console.log(div.innerText);
	// console.log(div.textContent);
	// document.write("1111")//直接写入1111文本中 在body里
	
	
	// getElementById/getElementsByName/....
	// 属性 innerHTML Text textContent arrributes
	 // 方法 document.write() document.writeln() setArrributes(name,value) getArrributes(name) removeArrributes(name)










</script>








</body>
</html>
